<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="div_style.css">
</head>
<body>
<header id="header">
    <h1>City Gallery</h1>
</header>
<nav id="nav">
    London<br>
    Paris<br>
    Tokyo<br>
</nav>
<section id="selection">
    <h1>London</h1>
    <p>
        London is the capital city of England. It is the most populous city in the United Kingdom,
        with a metropolitan area of over 13 million inhabitants.
    </p>
    <p>
        Standing on the River Thames, London has been a major settlement for two millennia,
        its history going back to its founding by the Romans, who named it Londinium.
    </p>

</section>
<footer id="footer">
    Copyright W3School.com.cn
</footer>
<div class="cities">
    <h2>London</h2>
    <p>
        London is the capital city of England.
    </p>
</div>
<div>
    <!--设置<span>元素的类，能够为相同的<span>元素设置相同的样式-->
    <h2>My <span class="red">Important</span> Heading</h2>
</div>

</body>
</html>